<!--title=用户中心;css=lib/base,user;js=lib/jquery,lib/jquery.cookie,lib/base,lib/SetColor,user;mobile=yes-->
<body>
    <div class="content">
        <div class="content-heading">
            <div class="container margin-bottom">
                <h2 class="text-center heading">用户中心</h2>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading">用户选项</h3>
                    <a class="btn btn-lg btn-flat waves-button waves-effect waves-light" id="basicBtn">基本信息</a>
                    <a class="btn btn-lg btn-flat waves-button waves-effect waves-light" id="infoBtn">用户信息</a>
                    <a class="btn btn-lg btn-flat waves-button waves-effect waves-light" id="bindBtn">绑定信息</a>
                    <a class="btn btn-lg btn-flat waves-button waves-effect waves-light" id="permissionBtn">用户权限</a>
                    <a class="btn btn-lg btn-flat waves-button waves-effect waves-light" id="logoutBtn">退出登录</a>
                </div>
                <div class="col-lg-10 col-md-9 col-sm-8">
                    <h3 id="title" class="content-sub-heading">用户选项：</h3>
                    <div id="main">
                        <p id="notChoose">您还没有选择需要操作或查看的内容，请从左边的链接中选择你需要操作或查看的选项。</p>
                        <div class="col-lg-8 col-md-10" id="table" style="display: none;">
                            <div class="el-loading-indicator">
                                <div class="progress-circular progress-circular-inline progress-circular-">
                                    <div class="progress-circular-wrapper">
                                        <div class="progress-circular-inner">
                                            <div class="progress-circular-left">
                                                <div class="progress-circular-spinner"></div>
                                            </div>
                                            <div class="progress-circular-gap"></div>
                                            <div class="progress-circular-right">
                                                <div class="progress-circular-spinner"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-wrap margin-no-top">
                                <div class="card">
                                    <div class="card-main">
                                        <div class="card-inner margin-no">
                                            <div class="card-table">
                                                <div class="table-responsive">
                                                    <table class="table table-hover table-stripe" id="tableMain">
                                                        
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                
            </div>
        </div>
    </div>
    <div class='footer'><p>Developed by SCH</p><p>User(Account) {VERSION}<br>Running with PHP {PHP_VER}</p></div>
    {SetColor}
    {JS}
    </body>
    